<div class="unslider">
	<div id="slider" class="unslider-fade" style="overflow: hidden;">
		<ul class="unslider-wrap">
			<li class="" style="opacity: 0;">
				<video id="imgmovie" controls="" controlslist="nodownload" playsinline=""
				 data-autopause="true" data-mute="false" data-loop="true" data-fill-mode="fill" poster="https://www.burmester.de/assets/uploads/videos/poster.jpg">
					<source src="https://www.burmester.de/assets/uploads/videos/Burmester_EN.mp4" type="video/mp4">
				</video>
			</li>

			<li style="background: url(&quot;https://www.burmester.de/en/assets/uploads/Bilder/opener/burmester-reference-line-2.jpg&quot;) center center / cover no-repeat; opacity: 0;"
			 class=""><span></span></li>
			<li style="background: url(&quot;https://www.burmester.de/en/assets/uploads/Bilder/opener/panamera-gii-burmester-blende-links-ausschnitt-small.jpg&quot;) center center / cover no-repeat; opacity: 1;"
			 class="unslider-active"><span></span></li>
		</ul>
		<a href="https://www.burmester.de/en/#start" class="scrollto"><i class="fa fa-angle-down"></i></a>
	</div><a onclick="pauseVid()" class="unslider-arrow next"></a><a class="unslider-arrow prev"></a>
</div>

<script src="./js/unslider-min.js"></script>
		<link href="./css/unslider.css" rel="stylesheet">
		<script>
			jQuery(document).ready(function($) {
				$('#slider').unslider({
					autoplay: false,
					nav: false,
					animation: 'fade'
				});
			});

			var vid = document.getElementById("imgmovie");

			function playVid() {
				vid.play();
			}

			function pauseVid() {
				vid.pause();
			}

			$('#imgmovie').bind('play', function(e) {
				$('.unslider a').css({
					'display': 'none'
				});
			});

			$('#imgmovie').bind('pause', function(e) {
				$('.unslider a').css({
					'display': 'block'
				});
			});
		</script>